<template>
    <div >
            <h1 style="position: relative;margin:20px 30px;"><div class="colors"></div>&nbsp;&nbsp;&nbsp;{{this.name}}</h1>
            <div class="foot">
                <div class="left">
                    <p>{{this.contentOne}}</p>
                </div>
                <div class="right">
                  <img :src="this.pictureImg" style="width:600px;height:500px;" alt="">
                </div>
            </div>
      
    </div>
</template>

<script>
import { HelpCheck } from "@/api/helpArr/helpList";
export default {
   data() {
       return {
           id:'',
           tableData:[],
           name:'',
           contentOne:'',
           pictureImg:'',
           
       }
   },

    mounted() {
     this.id=localStorage.getItem('id')
     this.getList()
    },
    methods: {
       async getList(){
           let res=await HelpCheck({id:this.id})
           console.log(res)
        //    this.tableData=res.data
        this.name=res.data.moduleName
        this.contentOne=res.data.contentOne
        this.pictureImg=res.data.pictureImg
           console.log('333',this.tableData)

       }
    },
};
</script>

<style lang='scss' scoped >
.foot{
    display: flex;
    margin: 50px 30px;
    .left{
        flex: 1;
    }
    .right{
        flex: 2;
    }
}
.colors{
    width:10px;
    height:30px;
    background:#4f81bd;
    position: absolute;
}
</style>
